<template>
  <div id="app">
    <div data-v-ac4e4544="">
      <!---->
      <div data-v-ac4e4544="" class="mint-popup popup" style="display: none">
        <div data-v-ac4e4544="" class="popup-close">
          <img
            data-v-ac4e4544=""
            src="https://images.yaodouwang.com/img/common/popup_close.png"
            alt="关闭"
          />
        </div>
        <div data-v-ac4e4544="" class="popup-content">
          <div data-v-ac4e4544="" class="popup-img">
            <img
              data-v-ac4e4544=""
              src="https://images.yaodouwang.com/img/common/ewm.png"
              alt="二维码"
            />
          </div>
        </div>
      </div>
    </div>
    <div data-v-36194b8a="" id="fixed-ball" class="fixed-ball">
      <!---->
      <!---->
      <div
        data-v-36194b8a=""
        class="functionalArea"
        style="bottom: 140px; right: 30px"
      >
        <div data-v-36194b8a="" class="nav">
          <img
            data-v-36194b8a=""
            src=""
            alt=""
            class="nav-icon"
            @click="checkout('/')"
          />
          <img
            data-v-36194b8a=""
            src=""
            alt=""
            class="nav-icon" 
            @click="checkoutMine('/mine')"
          />
          <img
            data-v-36194b8a=""
            src=""
            alt=""
            class="nav-icon"
            @click="checkoutCart('/cart')"
          />
        </div>
        <div data-v-36194b8a="" class="viewMore">
          <div data-v-36194b8a="" class="btn-logo">
            <img
              data-v-36194b8a=""
              src="https://images.yaodouwang.com/img/common/viewMore.png"
              alt=""
            />
          </div>
          <!---->
        </div>
        <img
          data-v-36194b8a=""
          src=""
          alt=""
          class="nav-icon"
        />
        <div data-v-36194b8a="" class="backTop" style="display: none">
          <div data-v-36194b8a="" class="btn-logo">
            <img
              data-v-36194b8a=""
              src="https://images.yaodouwang.com/img/common/backTop.png"
              alt=""
            />
          </div>
        </div>
      </div>
    </div>
    <!---->
    <div data-v-2c816e90="" class="card-page-container">
      <div data-v-2c816e90="" class="card-buy">
        <div data-v-2c816e90="" class="group-product">
          <div data-v-2c816e90="" class="red-packet font-px26 color-fff">
            仅剩
            <span data-v-2c816e90="" class="font-weight-bold">9997</span> 个红包
          </div>
        </div>

        <div data-v-2c816e90="" class="buy-record">
          <p data-v-2c816e90="" class="buy-title">红包记录</p>
          <p data-v-2c816e90="" class="font-px30 text-cen">
            已有2人得到微信红包
          </p>
          <van-swipe
            style="height: 200px"
            vertical
            id="upscroll"
            class="buy-people"
             :autoplay="1000" :height="76" loop 
          >
            <van-swipe-item  v-for="(item,index) in peopledata" :key="index">
              <div
                data-v-2c816e90=""
                class="buy-people-item"
                style="margin-top: -50px"
              >
                <div data-v-2c816e90="" class="people">
                  <div data-v-2c816e90="" class="image">
                    <img data-v-2c816e90="" :src="item.headUrl" alt="" />
                  </div>
                  <span data-v-2c816e90="" class="one-txt-cut">{{
                    item.userName
                  }}</span>
                </div>
                <div data-v-2c816e90="">获得{{ item.giftAmount }}元</div>
                <div data-v-2c816e90="">{{ item.date }}</div>
              </div> -->
               
            </van-swipe-item>   
          </van-swipe>
          
        </div>
        <div data-v-2c816e90="" id="illustration" class="group-illustration">
          <p data-v-2c816e90="" class="title">活动规则</p>
          <div data-v-2c816e90="" class="details">
            <p data-v-2c816e90="">
              1、用户进入活动页面，参与“99元购200元购物卡任务”即可获得活动【推广资格】。
            </p>
            <p data-v-2c816e90="">
              2、参加活动支付成功后，即可获得共计价值200元的购物卡。内容包括：购物卡面额100元/张x1张+购物卡面额10元/张x10张。
            </p>
            <p data-v-2c816e90="">
              3、邀请好友完成推广任务，即可获得【8.8元微信现金红包】。
            </p>
            <p data-v-2c816e90="">
              4、每人每日任务上限为5，收益上限为：每人每日任务上限x8.8元。
            </p>
            <p data-v-2c816e90="">
              5、因账号丢失或购物卡超过规定使用期限不予补发。
            </p>
            <p data-v-2c816e90="">
              6、参与活动所得购物卡一次性发放到账，购物卡的使用时间根据卡面信息为准。
            </p>
            <p data-v-2c816e90="">7、活动奖励红包数量有限，发完截止。</p>
            <p data-v-2c816e90="">
              8、为避免恶意刷单行为，平台有权终止活动红包发放；本活动仅支持在微信内参加。
            </p>
            <p data-v-2c816e90="">
              9、请先关注药兜网微信公众号且保证微信账号实名认证，否则将无法申请红包提现。
            </p>
            <p data-v-2c816e90="">10、活动截止日期：2021年6月1日 18:00。</p>
          </div>
        </div>
        <div data-v-2c816e90="" class="group-ydw">
          <img
            data-v-2c816e90=""
            src="../assets/img/ydw.c96245a.png"
            alt="药兜网二维码"
          />
          <p data-v-2c816e90="">药兜网</p>
        </div>
      </div>
      <div data-v-2c816e90="" class="card-footer">
        <!---->
        <div data-v-2c816e90="" class="card-btn">
         
          <div data-v-2c816e90="" class="go-home" @click="checkout('/')">
            
            <img
              data-v-2c816e90=""
              src=""
              alt=""
            />
            <p data-v-2c816e90="">商城首页</p>
          </div>
          <div data-v-2c816e90="" class="group-btn">支付99元</div>
          <!---->
          <!---->
          <!---->
        </div>
      </div>
      <div
        data-v-2c816e90=""
        class="go-illustration"
        style="top: 26px; right: 0px"
      >
        活动规则
      </div>
      <div data-v-2c816e90="" class="go-healthCard" style="right: 0px">
        我的红包
      </div>
      <div
        data-v-2c816e90=""
        class="mint-popup share-popup"
        style="display: none"
      >
        <div data-v-2c816e90="" class="share-tip">
          <img
            data-v-2c816e90=""
            src="https://images.yaodouwang.com/img/user/share_tip.png"
            alt="分享引导"
          />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import request from "../utils/request.js";
export default {
  data() {
    return {
      peopledata: [],
      num: 0,
    };
  },
  created() {
    request({
      url: "/yd/supplier/promotion/activity/ninetyNineDistribution/userJoinNinetyNineDistributionPage",
      method: "GET",
    }).then((res) => {
      this.peopledata = res.data.data.giftTodayRecord;
    });
  },
  methods:{
    checkout(target){
     this.$router.push(target)
    },
    checkoutMine(target){
      this.$router.push(target)
    },
    checkoutCart(target){
    this.$router.push(target)
    }
  }
};
</script>
<style lang="less" scoped>
</style>
<style scoped>
.card-page-container .card-footer .go-home[data-v-2c816e90] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 23px;
}
</style>
